<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <!-- <el-tab-pane label="可研兑现情况" name="first">
      <Table1 :tableData="operateData" />
    </el-tab-pane> -->
    <!-- <el-tab-pane label="融合对接情况" name="second">
      <Table2 :tableData="projectManageData" />
    </el-tab-pane> -->
    <el-tab-pane label="投资决策跟进事项" name="third">
      <Table3 :tableData="investmentDecisionData" />
    </el-tab-pane>
    <el-tab-pane label="待解决重点事项" name="fourth">
      <Table4 :tableData="afterInvestmentData" />
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import Table1 from "./Table1.vue";
import Table2 from "./Table2.vue";
import Table3 from "./Table3.vue";
import Table4 from "./Table4.vue";
export default {
  components: {
    Table1,
    Table2,
    Table3,
    Table4,
  },
  props: [
    "operateData",
    "projectManageData",
    "investmentDecisionData",
    "afterInvestmentData",
  ],
  data() {
    return {
      activeName: "third",
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
  },
};
</script>

<style>
</style>